<!doctype html>
<html lang="en">
<head>
	<title>CoffeeCols</title>
	<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
	<link rel="stylesheet" type="text/css" href="css/todo.css" media="todo" />
	<script type="text/javascript" charset="utf-8" src="js/jquery-latest.js"></script> 
	<script type="text/javascript" src="js/equalcolumns.js"></script>
	<script type="text/javascript" src="js/todo.js"></script>
	<script type="text/javascript" src="js/bwH5LS.js"></script>
    <script type="text/javascript" src="js/checkuser.js"></script>
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>[endif]-->
</head>
<body>

	<header>
	 		<h1>Ranjani's Domain</h1>
	
	</header>
	<nav>
		<ul>
			<li class="selected"><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Products</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">Support</a></li>
		</ul>
	</nav>
	<section id="intro">
		<header>
			<h2>Your Spiffy Tag Line Goes Here</h2>
		</header>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
		<canvas id="map" ></canvas>
	</section>
	
	<section id="content">
				<ul class="column">
				    <!--eqblock-->
				    <li>
				        <section class="block">
								<a href="#"><img src="images/hghjbkj.jpg" alt=""  /></a> 
								<h2><a href="geo.html">Where Am I??</a></h2> 
								<p>Get to know where you are by using the geolocation application. </p> 
				        </section>
				    </li>

				    <!--eqblock-->
				    <li>
				        <section class="block">
						<a href="#"><img src="images/fsdf.jpg" alt=""  /></a>
						<p> What must I do. </p> 
							<div class="form-area">
                              <form id="tasks-form">
                                <label for="task">Add a task here and hit enter</label>
                                <input id="task" autofocus>
                              </form>
                            </div>
                            <ul id="tasks"></ul> 
				        </section>
				    </li>

				    <!--eqblock-->
				    <li>
				        <section class="block">
									<a href="#"><img src="images/hai.jpg" alt=""  /></a> 
										<h2><a href="imagepreview.html">Image Preview</a></h2> 
										<p>Instant Image Preview from your local disk without using a server.</p> 
				        </section>
				    </li>

				    <!--eqblock-->
				    <li>
				        <section class="block">
 							<header>
                              <h1>Canvas</h1>
                              </header>
                              <article></article>										 
				        </section>
				    </li>
		</section>
		
	<footer>
    <section>
    <h3>Left Stuff</h3>
    <p>Left aligned text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
    <p>Next line here</p>
    </section>
    
    <section>
    <h3>Center Stuff</h3>
    <p>Center Text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
    <p>Next line here</p>
    </section>
    
    <section>
    <h3>Right Stuff</h3>
    <p>&copy; 2010 <a href="#" title="your site name">yoursite.com</a> All rights reserved.</p>
    <p>Center Text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
    </section>

	</footer>
</body>
<footer>
	<script type="text/javascript" src="js/canvas.js"></script>
</footer>
</html>
